<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>《诗经》详情页</title>
        <style>
            body{
                background-color: antiquewhite;
                background-repeat:repeat;
                background-size: cover;
                opacity: 60%;
            }
            .father{
                background: #eee;
                border: 1px dashed #999;
            }
            .box01,.box02,.box03{
                height: 50px;
                line-height: 50px;
                border: 1px dashed #999;
                margin: 15px;
                padding: 0px 10px;
            }
            .box01{background: rgb(238, 238, 212);}
            .box02{background: rgb(238, 238, 212);}
            .box03{background: rgb(238, 238, 212);}
            p{
                background: (rgb(238, 238, 212));
                border: 1px dashed #999;
                margin: 15px;
                padding: 0px 10px;
            }
            *{padding: 0;margin: 0;}
            .outer{
                width: auto;
                height: 500px;
                margin: 50px auto;
                background-color:antiquewhite;
            }
            .inner{
                width: 900px;
                height: 344px;
                background:no-repeat right 20px;
            }
        </style>
    </head>
    <body>
        <div class="outer">
            <a href="https://www.bilibili.com/video/BV1V94y197wz" > <img src="../CSS/12-19背景.jpg" alt="《诗经》"></a>
            <div class="inner"></div>
        </div>
        <div class="father">
            <div class="box01">探索古老韵律，领略华夏文明之美 </div>
            <div class="box02"><a href="https://www.gushiwen.cn/gushi/shijing.aspx" target="blue" font-size="50px">《诗经》</a>，这部跨越千年的古老诗集，如同一位温婉的佳人，静静地诉说着华夏儿女的情感与智慧。</div>
            <div class="box03">她以305首诗歌为裙摆，翩翩起舞在历史的长河中，等待着你的探寻。</div>
            <p>
                <span>风土之音曰风 </span>
            </p>
            <p>
                <span>朝廷之音曰雅</span>
            </p>
            <p>
                <span>宗庙之音曰颂</span>
            </p>
            <p>
                <span>赋者，敷也，敷陈其事而直言之也</span>
            </p>
            <p>
                <span>比者，以彼物比此物也</span>
            </p>
            <p>
                <span>兴者，先言他物以引起所咏之词也</span>
            </p>
        </div>
    </body>
</html>